<?php
$filesarray = get_filenames('theme/img');
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="聚客_分类导航与旺旺客服" />
        <link type="text/css" rel="stylesheet" href="<?php echo base_url("theme/css");?>/style.css" media="screen" />
        <link type="text/css" rel="stylesheet" href="<?php echo base_url("theme/css");?>/colorbox/colorbox.css" media="screen" />
        <script type="text/javascript" src="<?php echo base_url("theme/js");?>/jquery.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url("theme/js");?>/colorbox/jquery.colorbox-min.js"></script>
        <script type="text/javascript" src="<?php echo base_url("theme/js");?>/jquery.dragsort-0.4.3.min.js"></script>
        <script type="text/javascript" src="<?php echo base_url("theme/js");?>/main.js"></script>
        <script type="text/javascript" src="<?php echo base_url("theme/js");?>/category.main.js"></script>
        <script type="text/javascript" src="<?php echo base_url("theme/js");?>/vip.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function() {
                jQuery("#jvc").colorbox({inline:true, href:"#jukeViewCode"});
                jQuery("#jvp").colorbox({inline:true, href:"#jukeViewPage_lightbox"});
                jQuery("#ju").colorbox({inline:true, href:"#jukeUpgrade"});
                jQuery("#praiseView").colorbox({inline:true, href:"#jukeViewPage"});
                jQuery("#praiseViewCode").colorbox({inline:true, href:"#jukeViewCode"});
                jQuery("a.m_preview").colorbox();
//                jQuery("a.installed_mod_view").colorbox({inline:true});
                //拖动排序
                jQuery(".haveChosen ul,#insertItemsList ul").dragsort({ dragSelector: "img", dragEnd: function() { }, dragBetween: false, placeHolderTemplate: "<li></li>" });
                //全局ajax开始与结束
//                jQuery('#loading').ajaxStart(function(){
//                    jQuery(this).fadeIn();
//                });
//                jQuery('#loading').ajaxStop(function(){
//                    jQuery(this).fadeOut();
//                });
	
            }); 
        </script>
        <title>聚客_分类导航与旺旺客服</title>
    </head>
    <body>
        <div id="loading" style="z-index:888888;">
        	<img src="http://juke.ipropre.com/public/images/loader.gif" alt="加载中" /> 加载中 请稍等 请勿刷新页面.
        </div>
        
        <div id="page">
            <div class="container" id="forward">
                <!-- <div id="left_side_bar">&nbsp;</div> -->
                <div class="left">
                    <h1 class="logo"><a href="http://juke.ipropre.com/index.php" title="聚客_关联销售王">聚客_关联销售王</a></h1>
                    <dl class="m1 ">
                        <dt><a class="a1" href="<?php echo site_url(); ?>" title="首页">首页</a></dt>
                    </dl>
                    <dl class="m2 current">
                        <dt><a class="a1" href="http://juke.ipropre.com/index.php/forward" title="营销推广">功能选择</a></dt>
                        <dd class="select"><a href="#">分类导航模块</a></dd>
                        <dd ><a href="<?php echo site_url("servive/index"); ?>">旺旺客服模块</a></dd>
                        <dd ><a href="<?php echo site_url("servive/index"); ?>">分类和旺旺综合模块</a></dd>
                    </dl>
                    <dl class="m3 ">
                        <dt><a class="a1" href="#" title="SNS分享">已经创建的模块</a></dt>
                    </dl>
                    <dl class="m5 ">
                        <dt><a class="a1" href="http://juke.ipropre.com/index.php/user/help" title="帮助中心">帮助中心</a></dt>
                        <dd ><a href="http://juke.ipropre.com/index.php/user/version">版本对比</a></dd>
                        <dd ><a href="http://juke.ipropre.com/index.php/user/index">用户基本设置</a></dd>
                        <dd ><a href="http://juke.ipropre.com/index.php/user/feedback">在线问题反馈</a></dd>
                    </dl>
                </div>
                
                <div class="right">
                    
                    <!-- //right -->
                    <div id="top">
                        <div class="bd">
                            <table width="100%">
                                <tr>
                                    <td> Hi, <a href="http://shop34905576.taobao.com/" target="_black"><?php echo  $_SESSION["usernick"];?></a> <img src="http://juke.ipropre.com/public/ranks/6.gif" /> | <a href="<?php echo site_url("login/logout");?>" title="退出登录">[退出]</a> | <a href="http://juke.ipropre.com/index.php/management" >admin</a> </td>
                                    <td style="text-align:right;"> 版本: <img src="http://juke.ipropre.com/public/uploads/vip_icon.gif" alt="vip" /><a href="http://fuwu.taobao.com/using/serv_subsc.htm?service_id=22501&subType=1" title="续费" target="_blank">[ 续费 ]</a> | <span>到期时间: </span> 2013-10-30日<img src="http://juke.ipropre.com/public/uploads/svip_icon.gif" alt="特别会员" /> </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="moduleTips"> <img src="http://juke.ipropre.com/public/uploads/moduleTips.png" alt="moduleTips" /> <span>【小提示】:</span> 您是<strong>VIP</strong>用户，可用模块<strong>30</strong>个，已使用<strong>15</strong>个。如果您的宝贝数超过1000个，你可以加1元升级到 <a href="http://fuwu.taobao.com/serv/detail.htm?service_id=22501" title="升级到VIP_增量版" target="_blank">VIP_增量版</a>。</div>
                    <div class="top_guide">您正在创建关联销售，请按照以下步骤操作。</div>
                    
                    
                    <div id="creatGroupStep01" class="g_step">
                        <h3 class="hd">第一步: 选择模板样式</h3>
                        <div class="bd clearFix tmp_box" style="display:block;">
                            <div  class="style_tab">
                                <ul class="style_tab_nav">
                                   <!-- <li class="all">全部样式</li>
                                    <li class="190">190px样式</li> -->
                                    <li class="750 section_active" >750px样式 </li>
                                    <li class="960">950px样式</li>
                                </ul>
                                <div class="style_tab_content clearFix">
                                    <!-- ///////////////////////////////////////////////////////////////////////////////////////////// -->

								<?php
                                $imgurl = base_url("theme/img");
                                foreach ($filesarray as $key => $val) {
                                    $res = explode("_", $val);
                                    switch ($res[0]) {
                                        case 750:
                                            echo '<div class="one block 750">';
											echo '<table><tr><td>';
											echo '<img src="'."{$imgurl}/{$val}".'" class="t_thumb"  />';
											echo '</td><td>';
											echo '<a href="#" title="模板效果预览" class="m_preview">预览</a><br />';
											echo '<input type="button" value="选用" name="'."{$res[0]}_{$res[2]}".'" class="styleBtn" /><br />';
											echo '编号: 750_v01';
											echo '</td></tr></table>';
											echo '</div>';
                                            break;
                                        case 960:
                                            echo '<div class="one block 960">';
											echo '<table><tr><td>';
											echo '<img src="'."{$imgurl}/{$val}".'" class="t_thumb"  />';
											echo '</td><td>';
											echo '<a href="#" title="模板效果预览" class="m_preview">预览</a><br />';
											echo '<input type="button" value="选用" name="'."{$res[0]}_{$res[2]}".'" class="styleBtn" /><br />';
											echo '编号: 750_v01';
											echo '</td></tr></table>';
											echo '</div>';
                                            break;
                                        default:
                                    }
                                }
                                ?>


                                    <!-- ///////////////////////////////////////////////////////////////////////////////////////////// -->
                                </div>
                            </div>
                            <input type="hidden" id="styleChosen" value="0" />
                            <input type="hidden" id="w750" value="0" />
                            <input type="hidden" id="w950" value="0" />
                        </div>
                    </div>
                    
                    
                    <div id="creatGroupStep02" class="g_step">
                        <h3 class="hd">第二步: 设定模板参数</h3>
                        <div class="bd">
                            <div id="styleBtnProview"> <img id="module_thumb_proview" src="#" alt="已选的样式" />
                                <h4>上面是您已经选择的模板样式，你可以在下面对该样式进行一些配置。</h4>
                            </div>
                            <table class="groupConfigTable">


                                <tr>
                                    <th>营销链接</th>
                                    <td><ol>
                                            <li>
                                                <input type="checkbox" name="relatedGroupLink" value="link_1" checked="checked" />
                                                所有宝贝</li>
                                            <li>
                                                <input type="checkbox" name="relatedGroupLink" value="link_2" checked="checked" />
                                                店铺首页</li>
                                            <li>
                                                <input type="checkbox" name="relatedGroupLink" value="link_3" checked="checked" />
                                                收藏本店</li>
                                            <li>
                                                <input type="checkbox" name="relatedGroupLink" value="link_4" />
                                                关注掌柜说</li>
                                        </ol></td>
                                </tr>
                                <tr>
                                    <th>右下版权信息</th>
                                    <td class="even"><ol>
                                            <li>
                                                <input type="radio" name="relatedGroupCopyright" value="1" checked="checked" />
                                                显示</li>
                                            <li>
                                                <input type="radio" name="relatedGroupCopyright" value="0" />
                                                隐藏</li>
                                        </ol></td>
                                </tr>
                            </table>
                            <div class="btn">
                                <input type="button" value="上一步" id="backStep01Btn" class="prevBtn" />
                                <input type="button" value="设置完成,暂时修改为跳到第4步" id="gotoStep03Btn" class="nextBtn" />
                            </div>
                        </div>
                    </div>

                    <div id="creatGroupStep04" class="g_step">
                        <h3 class="hd">第四步: 预览模块效果</h3>
                        <div class="bd">
                            <div class="moduleTips"> <img src="http://juke.ipropre.com/public/uploads/moduleTips.png" alt="moduleTips" /> <span>【新功能】:</span> 亲，<strong>宝贝原价、折扣价、折扣率、节省、购买人数</strong> 可以手动修改了，鼠标放到数字上，变成上下箭头的时候，点击会弹出修改框，修改并确定即可。 </div>
                            <div id="chosenListBox"> <br />
                                <br />
                                &nbsp; &nbsp; <img src="http://juke.ipropre.com/public/uploads/loading.gif" alt="loading" /> &nbsp; 模板效果加载中，请稍等... ... <br />
                                <br />
                                <br />
                            </div>
                            <p class="btn">
                         <input type="button" value="上一步" id="backStep01Btn" class="prevBtn" />
                                <input type="button" value="继续下一步" id="gotoStep05Btn" class="nextBtn" />
                                <a class="nextBtn" href="#">点击回到卖家商户（想做成按钮样式）</a>
                            </p>
                        </div>
                    </div>
<!--                    <div id="creatGroupStep05" class="g_step">
                        <h3 class="hd">第五步: 批量发布到宝贝</h3>
                        <div class="bd">
                            <div id="insertItemsList">
                                <div  class="insertItemsListTip"> 您是VIP版,可按装到 <strong class="all">30</strong> 个宝贝,已选择 <strong class="count">0</strong> 个, 超出的宝贝将会被忽略. </div>
                                <h4>已选宝贝 <span class="removeAll">清空选择</span></h4>
                                <ul>
                                </ul>
                            </div>
                            <div class="search"> 类目:
                                <select name="sellercatsList" class="sellercatsList">
                                    <option selected="selected" value="all">= 全部宝贝 =</option>
                                    <option value="431837962">{ 初春&middot;新款 NEW }</option>
                                    <option value="340901306">{   11月&middot;  新品 NEW  }</option>
                                    <option value="401152129">{ 10月&middot;23日 } 上新</option>
                                    <option value="399645153">{   10月 &middot;新品        }</option>
                                    <option value="329190385">{   女生&middot;内内          }</option>
                                    <option value="422787315">{全棉健康&mdash;&mdash;内内     }</option>
                                    <option value="422790340">{蕾丝性感&mdash;&mdash;内内     }</option>
                                    <option value="397310759">{ 可爱全棉&mdash;&mdash;女袜    }</option>
                                    <option value="422826715">{ 秋冬日系&mdash;&mdash;女袜}</option>
                                    <option value="172957634">{ 儿童 &middot;小内裤  }</option>
                                    <option value="338449197">{ 生活大爆炸 }  T恤</option>
                                    <optgroup label="超级店长日历">
                                        <option value="420762222">└ TEST01</option>
                                        <option value="420762223">└ TEST02</option>
                                    </optgroup>
                                    <option value="338449198">【礼品区&middot;换购区】</option>
                                    <option value="484678851">掌柜工具箱</option>
                                </select>
                                关键字:
                                <input type="text" size="12" value="" id="step05searchKeyword" />
                                <input type="button" id="step05searchBtn" value="宝贝筛选" />
                                &nbsp; &nbsp;  &nbsp; &nbsp;  &nbsp; &nbsp;
                                <input type="button" id="step05searchAll" value="显示所有宝贝" />
                            </div>
                            <div id="step05searchResult" class="pickItemForInsert"> <br />
                                <br />
                                &nbsp; &nbsp; <img src="http://juke.ipropre.com/public/uploads/loading.gif" alt="loading" /> &nbsp; 宝贝加载中，请稍等... ... <br />
                                <br />
                                <br />
                            </div>
                            <fieldset>
                                <legend>模块安装位置</legend>
                                <ol class="mw clearFix">
                                    <li style="width:125px;">
                                        <input type="radio" name="insertPosition" checked="checked" value="1" />
                                        宝贝详情前面</li>
                                    <li style="width:125px;">
                                        <input type="radio" name="insertPosition" value="2" />
                                        宝贝详情后面</li>
                                </ol>
                            </fieldset>
                            <p class="btn">
                                <input type="button" value="上一步" id="backStep04Btn" class="prevBtn" />
                                <input type="button" value="确认并发布" id="makeSurePublic" class="nextBtn" />
                            </p>
                            <div id="installResult"></div>
                        </div>
                    </div>-->
                    <input type="hidden" id="forwardType" value="related" />
                    <input type="hidden" id="createDate" value="1345347150" />
                    <div id="quickCode">
                        <p> <a id="jvp" href="jukeViewPage">预览模块效果</a> <a id="jvc" href="#jukeViewCode">使用HTML代码</a> </p>
                        <div style="display:none;">
                            <div id="jukeUpgrade">您是初级版, VIP版才能查看和使用Html代码<br />
                                <a href="http://fuwu.taobao.com/using/serv_upgrade.htm?service_id=22501" target="_black">马上升级</a> !</div>
                        </div>
                    </div>
                    <div id="footer"> 淘宝店铺营销 QQ群: 130470924 &nbsp; | &nbsp; 旺旺群: 37491424 <a href="http://www.taobao.com/go/act/other/wwgroup.php?uid=&tribeid=37491424" target="_blank"><img src="http://img04.taobaocdn.com/tps/i4/T1fdykXgtiXXXXXXXX-63-20.gif" alt="点击群聊"></a> <br />
                        浙ICP备12013588号 &nbsp; &copy; copyright 2012 关联营销王(v4.5).
                        <script src="http://s96.cnzz.com/stat.php?id=4198907&web_id=4198907" language="JavaScript"></script>
                        | <a href="https://www.upyun.com" title="本站所有图片均由又拍云存储支持,高速稳定" target="_blank">图片存储由又拍云存储提供</a> </div>
                </div>
                <!-- //right -->
                <div style="clear:both;"></div>
            </div>
        </div>
        <script type="text/javascript" src="http://toptrace.taobao.com/assets/getAppKey.js" topappkey="12541594" defer="defer"></script>
        <!--[if IE 6]>
                <script type="text/javascript" src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
        <![endif]
        -->
    </body>
</html>
